<template>

    <el-drawer title="历史订单说明" :visible.sync="visible" direction="rtl" @close="visible=false">
      <div style="padding: 20px">
        <el-timeline>
          <el-timeline-item v-for="(item, index) in orderRemarkList" :key="index">
            <el-card>
              <div>{{item.remarkContent}}</div>
              <p>{{item.operatorName}} 提交于 {{item.createTime}}</p>
            </el-card>
          </el-timeline-item>
        </el-timeline>
      </div>
    </el-drawer>

</template>

<script>
export default {
  components: {},
  props: {
    orderRemarkList:{
      type:Array,
      default:[]
    }
  },
  data() {
    // 这里存放数据
    return {visible:false}
  },
  // 计算属性 类似于 data 概念
  computed: {},
  // 方法集合
  methods: {
    show(){
      this.visible = true;
    }
  },
  // 生命周期 - 创建完成（可以访问当前this 实例）
  created() {
  },
  // 生命周期 - 挂载完成（可以访问 DOM 元素）
  mounted() {
  },

}
</script>

<style lang="scss" scoped>
</style>
